<template>
	<div class="all-topic">
		<head-bar></head-bar>
		<head-nav :focus="focus"></head-nav>
		<h2>全部专题</h2>
		<topic></topic>
		<topic></topic>
		<div class="ifooter">
			<ifooter></ifooter>
		</div>	
	</div>
</template>

<script>
	import headBar from "../components/headBar.vue"
	import headNav from "../components/headNav.vue"
	import topic from "../components/topic.vue"
	import ifooter from "../components/ifooter.vue"	
	
	export default {
		components:{
			headBar,
			headNav,
			topic,
			ifooter,
		},
		data(){
			return{
				focus:3,
			}
		}
	}
</script>

<style lang="less" stylesheet="less">
	.all-topic{
		h2{
			width: 1200px;
			margin: 20px auto;	
			margin-bottom: 50px;
			font-family: "微软雅黑";
			font-weight: normal;
			font-size: 1.25rem;
		}
		.ifooter{
			margin-top: 60px;
		}
	}
</style>